<template>
	<view>
		<view v-if="status == 1">
			<view class="respond-main bg-w">
				<view class="text-center">
					<image class="respond-status" :src="''"></image>
				</view>
				<view class="text-center ft18 text-default ftw600">支付成功</view>
				<view class="text-center mt30">
					<text class="ft16 text-default ftw600">￥</text>
					<text class="ft24 text-default ftw600">180</text>
				</view>
				<view class="text-center mt50">
					<navigator>
						<button style="width: 370rpx;" class="btn-main text-w ftw600">查看我的券</button>
					</navigator>
				</view>
			</view>
			<view class="respond-rec bg-w bg-w pd30 mt20">
				<view class="text-center ft14 text-info pt20">
					<text>支付成功奖励</text>
					<text class="text-theme">【3选1】</text>
				</view>
				<view class="flex space mt30">
					<view class="respond-item pd30">
						<view class="text-center ft14 ftw600 text-default">首单积分</view>
						<view class="text-center ft14 ftw600 text-default mt20">5个</view>
						<view class="flex center">
							<view class="mt20 btn-mini-main-dis">已领取</view>
						</view>
					</view>
					<view class="respond-item pd30">
						<view class="text-center ft14 ftw600 text-default">美食通用券</view>
						<view class="text-center ft14 ftw600 text-default mt20">10元</view>
						<view class="flex center">
							<view class="mt20 btn-mini-main-dis">领取</view>
						</view>
					</view>
					<view class="respond-item pd30">
						<view class="text-center ft14 ftw600 text-default">商家优惠券</view>
						<view class="text-center ft14 ftw600 text-default mt20">10元</view>
						<view class="flex center">
							<view class="mt20 btn-mini-main">领取</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view v-else>
			
			<view  class="respond-main bg-w" style="min-height: 100vh;">
				<view class="text-center">
					<image class="respond-status" :src="''"></image>
				</view>
				<view class="text-center ft18 text-default ftw600">支付失败</view>
				<view class="text-center ft14 text-notice mt20">请重新支付</view>
				<view class="text-center mt50">
						<button style="width: 370rpx;" class="btn-main text-w ftw600">重新支付</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				status:0,//
			}
		}
	}
</script>

<style>
.respond-main{
	padding: 80rpx;
}	
.respond-status{
	width: 300rpx;
	height: 300rpx;
}
.respond-item{
	width:calc(33.33% - 20rpx);
	height: 240rpx;
	background:#F9F9F9;
	border-radius:4rpx;
	border:2rpx solid #F2F2F2;
}
</style>